/* 共通設定 */
/* font_family */
body {
    font-family : sans-serif;
}
/* globalナビはメニューの色合いと合わせる */
.bg-dark {
    background-color: #69821b !important;
    padding: 0;
}
.navbar-dark .navbar-brand {
    font-size : 1rem;
    padding-left: 0.5rem;
}
.navbar-dark .navbar-nav .nav-link {
    font-size : 0.8rem;
}
/* 横型メニューのCSS */
/* 横型メニュー color */
.plugin-menus .nav-tabs li.nav-item > a {
    color : #ffffff;
}
.plugin-menus .nav-tabs li.nav-item > a.active {
    border-color : transparent;
}
/* 横型メニュー background */
.plugin-menus .nav-tabs li.nav-item > a {
    background : #69821b;
}
/* 横型メニュー border */
.plugin-menus .nav-tabs li.nav-item {
    border-top : dashed 2px #ffffff;
    border-bottom : dashed 2px #ffffff;
    border-left : dashed 2px #ffffff;
}
.plugin-menus .nav-tabs li.nav-item:last-child {
    border-right : dashed 2px #ffffff;
}
.plugin-menus .nav-tabs .nav-link {
    border-radius : 0;
}
/* 横型メニュー background negative */
.plugin-menus .nav-tabs li.nav-item > a {
    background : transparent;
    padding: 5px 0 0 0;
    display: block;
    height: 100%;
}
.plugin-menus .nav-tabs .nav-link.active {
    height: 100%;
}
.plugin-menus .nav-tabs li.nav-item > a.active ,
.plugin-menus .nav-tabs li.nav-item > a:hover {
    background-color: #f5f8fa50;
}

/* 横型メニュー background-image */
.plugin-menus .nav-tabs {
        border-collapse : separate;
        border-spacing : 8px;
        width : 100%;
}
/* 横型メニュー stitch */
.plugin-menus .nav-tabs {
    border-bottom : 0;
}
.plugin-menus .nav-tabs li.nav-item {
    padding: 3px;
    display: table-cell;
    vertical-align: middle;
    height: 100%;
    background-color: #69821b;
    border-radius: 10px;
    /* border 設定があっても消す */
    border-top : 0;
    border-bottom : 0;
    border-left : 0;
    border-right : 0;
}
.plugin-menus .nav-tabs li.nav-item > a {
    border : dashed 2px #ffffff;
    border-radius: 10px;
    padding: 10px;
    margin: 1px;
    font-weight : bold;
}
.plugin-menus .nav-tabs .nav-link.active {
    color : #ffffff;
}
.plugin-menus .nav-tabs li.nav-item > a.active ,
.plugin-menus .nav-tabs li.nav-item > a:hover {
    border : dashed 2px #ffffff;
    background-color: #ffffff80;
}
/* stitchの場合は!important で打ち消す */
@media (min-width: 768px) {
    .plugin-menus .nav-tabs {
        display : table !important;
    }
}
/* ページ上部へ戻るボタン page-top */
#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 80%;
    z-index: 9999;
}
#page-top a {
    display: block;
    background: #69821b;
    color: #fff;
    width: 100px;
    padding: 5px 0;
    text-align: center;
    text-decoration: none;
    font-size:3rem;
    opacity:1;
}
#page-top a:hover {
    background: #69821b;
    text-decoration: none;
    opacity:0.8;
}


/* 縦型（サイド）メニュー menu_vertical */
/* 縦型（サイド）メニュー color */
.plugin-menus .list-group > a.list-group-item {
    color : #ffffff;
}
/* 縦型（サイド）メニュー background */
.plugin-menus .list-group > a.list-group-item {
    color : #ffffff;
    background : #69821b;
}
.plugin-menus .list-group > a.list-group-item.active,
.plugin-menus .list-group > a.list-group-item:hover {
    background-color : #55555550;
    z-index : 0;
    border-color : transparent;
    text-decoration: none;
}
/* 縦型（サイド）メニュー border */
.plugin-menus .list-group > a.list-group-item {
    border-top : dashed 2px #ffffff;
    border-left : dashed 2px #ffffff;
    border-right : dashed 2px #ffffff;
    border-radius : 0;
    text-decoration: none;
}
.plugin-menus .list-group > a.list-group-item:last-child {
    border-bottom : dashed 2px #ffffff;
}
/* 縦型（サイド）メニュー background-image */
.plugin-menus .list-group > a.list-group-item {
background-image : url(https://bura3.info/images/core/theme/menu/vertical/stitch/opacity.png);
background-repeat : repeat;
background-position : center center;
background-color : #69821b;
}
.plugin-menus .list-group > a.list-group-item.active,
.plugin-menus .list-group > a.list-group-item:hover,
.plugin-menus .list-group > a.list-group-item.active:last-child,
.plugin-menus .list-group > a.list-group-item:hover:last-child {
    /* border */
    border-color : #ffffff;
}
.plugin-menus .list-group > a.list-group-item.active,
.plugin-menus .list-group > a.list-group-item:hover {
    background-image : url(https://bura3.info/images/core/theme/menu/vertical/stitch/opacity_on.png);
    background-color: #69821b;
}


/* フレームタイトル frame_tittle */
/************/
/* サイト全体設定(メインエリアのみ) site all anchor */
#ccMainArea a:hover {
    color: #69821b80;
    text-decoration: underline;
}
#ccMainArea a {
    color: #69821b;
    text-decoration: underline;
}
/************/

/* フレームタイトル color */
.card-header.bg-default {
    color : #69821b;
}
/* フレームタイトル background */
.card-header.bg-default {
    background : #808080;
}
/* フレームタイトル border */
.card-header.bg-default {
    border-color : #69821b;
    border-bottom-style : dashed;
    border-bottom-width : 2px;
}
/* フレームタイトル background-image */
/*******/
/* ブログの記事タイトルの大きさ調整*/
header h2 {
    font-size: 1.3rem;
}
/*******/
.card-header.bg-default {
    font-size: 1.1rem;
    padding-bottom: 10px;    background-image : url(https://bura3.info/images/core/theme/frame/stitch/gray.png);
    background-repeat : no-repeat;
    background-position-x : 8px;
    background-position-y : 10px;
    background-size : 20px;
    background-color : unset;
    padding-left : 35px;
    font-weight : bold;
}/* フレームタイトル stitch border unset */
.card {
    border : unset;
}

.card-header.bg-default:before {
    position : absolute;
    /* 表示する画像に合わせて以下のtop,right,scaleは調整してください */
    top: -70px;
    right: -60px;
    content: url(https://bura3.info/images/core/theme/frame/stitch/kuina.png);
    transform: scale(0.25);
}

.card-header.bg-default .float-right {
    /* cardheader画像に合わせて調整 */
    margin-right: 40px;
}